<template>
	<public-view navType="other" :navTitle="nav_title">
		<view class="content">
			<block v-if="type_id === '1'">
				<second-car></second-car>
			</block>
			<block v-if="type_id === '2'">
				<sellingcars-box></sellingcars-box>
			</block>
			<block v-if="type_id === '3'">
				<find-good></find-good>
			</block>
			<block v-if="type_id === '4'">
				<find-car></find-car>
			</block>
			<block v-if="type_id === '5'">
				<friendcircle-box></friendcircle-box>
			</block>
			<block v-if="type_id === '6'">
				<jobfind-box></jobfind-box>
			</block>
			<block v-if="type_id === '7'">
				<jobfairs-box></jobfairs-box>
			</block>
		</view>
	</public-view>
</template>

<script>
	import findGood from "@/components/myComponents/findGood.vue"
	import sellingCarsBox from "@/components/myComponents/sellingCarsBox.vue"
	import findCar from "@/components/myComponents/findCar.vue"
	import secondCar from "@/components/myComponents/secondCar.vue"
	import friendCircleBox from "@/components/myComponents/friendCircleBox.vue"
	import jobFairsBox from "@/components/myComponents/jobFairsBox.vue"
	import jobFindBox from "@/components/myComponents/jobFindBox.vue"
	export default {
		components:{
			"find-good":findGood,
			"sellingcars-box":sellingCarsBox,
			"find-car":findCar,
			"second-car":secondCar,
			"friendcircle-box":friendCircleBox,
			"jobfind-box":jobFindBox,
			"jobfairs-box":jobFairsBox
		},
		
		data() {
			return {
				nav_title:"",
				type_id:"1"
			};
		},
		onLoad(options) {
			console.log(options)
			this.type_id = options.type
			this.nav_title = options.title
		},
	}
</script>

<style lang="scss" scoped> 
	.content{
		width: 750upx;
		padding: 32upx 30upx;
	}
</style>
